<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>WASM TEST</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="styles/style.css">
  </head>
<body>
    <!-- <div style="margin: 20px;">
      H264:
        <input type="file" onchange="handleVideoFiles(this.files)" onclick="setDecoder(0)">
    </div>
    <div style="margin: 20px;">
      H265:
        <input type="file" onchange="handleVideoFiles(this.files)" onclick="setDecoder(1)">
    </div>
    <div style="margin: 20px;">
      AudioContext:
        <input type="file" onchange="handleAudioFiles(this.files)" onclick="setAudioDecoder(0)">
    </div>
    <div style="margin: 20px;">
      MSE:
        <input type="file" onchange="handleAudioFiles(this.files)" onclick="setAudioDecoder(1)">
    </div> -->
     <div class="row">
      <form action="demo_form.html" method="get">
        服务器名称: <input type="text"  name="servername" id="serverId" value="rtmpserver1">
        拉 流  名 称: <input type="text"  name="streamname" id="streamId" value="kvs">
        <!-- 设 备  名 称: <input type="text"  name="devicename" id="deviceId" value="0A:2A:BE:6C:03:2E"> -->
        设 备  名 称: <input type="text"  name="devicename" id="deviceId" value="4E:7B:BF:71:D6:B4">
        
         数 据  发 送：<input type="text"  name="msgout" id="controlInput"  value="msgout"><button type="button"  onclick="controlSend()" id="control-send">发送控制消息</button><br>
        数 据  接 收：<input type="text"  name="msgin" id="control_output"  value="msgin"><br>
      </form>
     </div>
      <div class="container" id="videoPlayer">
        <div class="sideBar">
            <span class="no-padding">
                <img src="img/home.png" class="left" id="btnHome" title="Visit My Homepage" onclick="window.open('https://blog.csdn.net/superxxd')" />
            </span>
            <div id="input">
                <select id="protocol" onchange="onSelectProto()">
                    <option value="http">HTTP</option>
                    <option value="ws">WS</option>
                    <option value="httpFlv">HTTP-FLV</option>
                </select>
                <input type="text" id="inputUrl" style="width:300px"/>
            </div>
        </div>
        <div class="canvasDiv">
            <div class="loadEffect" id="loading" style="display:none;">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
            <!-- <canvas id="playCanvas" width="852" height="480"></canvas>
             -->
             <!-- <div style="margin-top: 10px"> -->
              <canvas id="playCanvas" width="852" height="480"></canvas>
            <!-- </div> -->
        </div>
        <div class="sideBar">
            <span class="no-padding">
                <img src="img/play.png" class="left" id="btnPlayVideo" onclick="handleVideo()" />
            </span>
            <span class="no-padding" style=" padding-left:5px;">
                <img src="img/stop.png" class="left" id="btnStopVideo" onclick="stopVideo()" />
            </span>
            <span class="track-padding">
            </span>
            <span class="no-padding">
                <input id="timeTrack" type="range" value="0">
            </span>
            <span class="no-padding" style=" padding-left:10px;">
                <label id="timeLabel">00:00:00/00:00:00</label>
            </span>
            <span class="no-padding right">
                <img src="img/fullscreen.png" class="right" id="btnFullscreen" onclick="fullscreen()" />
            </span>
        </div>
    </div>
    <div id="footer">Copyright &copy; 2022 xiangxudong.All rights reserved.</div>
    </div>  
    <!-- <div style="margin: 20px;">
      <button id="play" onclick="handleVideo()">Start Play</button>
      <button id="stop" onclick="stopVideo()">stop Play</button>
    </div> -->



  <!-- <script src="libffmpeg_264_265.js"></script>
  <script src="decoder_missle_wasm.js"></script>
  <script src="video.js"></script>
  <script src="audio.js"></script>
  <script src="webgl.js"></script> -->
  <script src="start.js"></script>
</body>
</html>
